<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>ToDoMVC Chrome App</title>
  <link rel="stylesheet" href="bower_components/todomvc-common/base.css">
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <section id="todoapp">
    <header id="header">
      <h1>todos</h1>
      <input id="new-todo" placeholder="What needs to be done?" autofocus>
    </header>
    <section id="main">
      <input id="toggle-all" type="checkbox">
      <label for="toggle-all">Mark all as complete</label>
      <ul id="todo-list"></ul>
    </section>
    <footer id="footer">
      <span id="todo-count"></span>
      <ul id="filters">
        <li>
          <a href="#/">All</a>
        </li>
        <li>
          <a href="#/active">Active</a>
        </li>
        <li>
          <a href="#/completed">Completed</a>
        </li>
      </ul>
      <button id="clear-completed">Clear completed</button>
    </footer>
  </section>
  <footer id="info">
    <button id="toggleAlarm">Activate alarm</button>
    <button id="exportToDisk">Export to Google Drive</button>
    <div id="status"></div>
    <p>Based on <a target="_blank" href="http://todomvc.com/">TODO MVC app</a></p>
  </footer>
  <script src="bower_components/director/build/director.js"></script>
  <script src="js/bootstrap.js"></script>
  <script src="js/helpers.js"></script>
  <script src="js/store.js"></script>
  <script src="js/model.js"></script>
  <script src="js/view.js"></script>
  <script src="js/controller.js"></script>
  <script src="js/app.js"></script>
  <script src="js/alarms.js"></script>
  <script src="js/export.js"></script>
</body>
</html>
